<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景属性简写</title>

    <style>
        /*
            1.no-repeat：
            表示背景图片不会重复平铺，即图片只会显示一次，不会像 repeat 那样在水平和垂直方向上重复。

            2.center：
            这个值用于指定背景图片的位置。在这里，center 表示背景图片将被放置在元素的中心位置。
            具体来说，它将水平居中（水平方向上的中心）和垂直居中（垂直方向上的中心）。

            3.tomato：
                这个值设置了背景颜色为 tomato，即一种红色调的颜色。

            4.fixed：
                这个值表示背景图片的位置是固定的，即使页面滚动，背景图片也会保持在视口中的相同位置。

            5.url("../resource/pika.jpg")：
                这部分指定了背景图片的路径，即背景图片是位于当前文件夹的 resource 文件夹中的 pika.jpg 文件。

        */




        .back{
            width: 1300px;
            height: 800px;
            /*背景属性简介，不分先后顺序*/
            background:no-repeat center tomato fixed url("../resource/pika.jpg");
        }
    </style>


</head>
<body>

<div class="back"></div>


</body>
</html>